//---------------
body{
	font-family: "Microsoft Yahei","微软雅黑",verdana;	
}
a{
	text-decoration: none!important;
}
a:link{
	color: #ccc;
}
a:visited{
	color: #ccc;
}

ul{
	list-style-type: none;
}
//--------------
#line{
	margin-top: 13px;
	width:100%;
	height:2px;
	background:#ccc;
}

.chgNum{
			width: 180px;
			height: 50px;
			float: left;
			.sub{
				position: relative;
				float: left;
				width: 35px;
				height: 35px;
				line-height: 33px;
				font-size: 20px;
				text-align: center;
				border:1px solid #ddd;
				border-right: 0;
				cursor: pointer;
				font-weight: bold;
			}
			.Num{
				outline:none;
				width: 60px;
				height: 35px;
				font-size: 15px;
				line-height: 25px;
				position: relative;
				border:1px solid #ddd;
				text-align: center;
				float: left;
			}
			.add{
				position: relative; 
				float: left;
				width: 35px;
				height: 35px;
				line-height: 33px;
				font-size: 20px;
				text-align: center;
				border:1px solid #ddd;
				border-left: 0;
				cursor: pointer;
				font-weight: bold;
			}

		}

//--------------
#topbar{
	width: 100%;
	height:36px;
	background:#333;
	.declare{
		width: 250px;
		color: #ccc;
		font-size: 13px;
		line-height: 36px;
		margin-left: 10px;
		margin-bottom: 0;
		float: left;
	}
	.rightTopBar{
		width: 80px;
		float: right;
		color: #ccc;
		font-size: 13px;
		line-height: 36px;
		&>a{
			margin-left: 10px;
		}
	}
}

#nav{
	height:auto;
	.topNav{
		width: 100%;
		height: 90px;
		padding-top: 30px;
		.search{
			float: right;
			width: 300px;
			height: 50px;
			margin-right:20px;
			&>input{
				outline:none;
				width: 250px;
				height: 40px;
				float: right;
				border:1px solid #ddd;
				text-indent: 4px;
			}
			.searchLogo{
				cursor: pointer;
				float: right;
				width: 40px;
				height: 40px;
				border:1px solid #ddd;
				border-left:0;
				background: #f5f5f5;
				&>i{
					width: 100%;
					height: 100%;
					line-height: 38px;
					text-align: center;
					font-size: 20px;
				}
			}
		}
		.shopcart{
			width: 120px;
			height: 40px;
			border:1px solid #ddd;
			cursor: pointer;
			float: right;
			&>i{
				float: left;
				line-height: 38px;
				font-size: 20px;
				margin-left: 10px;
			}
			&>div{
				float: left;
				line-height: 38px;
				font-size: 13px;
				font-weight: bold;
				margin-left: 9px;
			}
			.shopcartBadge{
				margin-left: 8px;
				margin-top: 10px;
				display: block;
				width: 19px;
				height: 19px;
				line-height: 12px;
				font-size: 5px;
				text-align: left;
				background: #ab2b2b;
			}
		}
	}
	.bottomNav{
		width: 100%;
		height: 30px;
		margin-bottom: 8px;
		&>ul{
			width: 100%;
			height: 100%;
			padding: 0;
			&>li{
				display: block;
				width: 40px;
				height: 33px;
				text-align: center;
				float: left;
				color: #333;
				font-size: 15px;
				font-weight: bold;
				line-height: 28px;
				margin-right: 80px;

				&>a:hover{
					display: block;
					width: 100%;
					height: 100%;
					padding-bottom: 10px;
					border-bottom: 3px solid #ab2b2b;
				}
				&>a:link{
					color: #333;
				}
				a:visited{
					color: #333;
				}
			}
			&>li:first-child{
				margin-left: 50px;
			}

		}
	}
}
.cartTitle{
	margin-top: 10px;
	margin-bottom: 10px;
}
.tt{
	border:1px solid #ccc;
	text-align:center;
	height:40px;
	background: #f5f5f5;
	line-height:40px;
}
.cartContent{
	text-align:center;
	height:100px;
	line-height:100px;
	.thisShop{
		border:1px solid #ccc;
		border-top:0;

		.shopImg{
			&>img{
				width: 80px;
				height: 80px;
			}
		}
		.shopName{
			padding-left: 25px;
		}
		.chgNum{
			height: 100px;
			padding-top: 35px;
			padding-left: 30px;
		}
		.price{
			padding-left: 30px;
		}
		.action{
			padding-left: 30px;
			cursor: pointer;
		}
	}
	
}
.tol{
	padding-top:22px;
	padding-left: 66%;
	background: #f5f5f5;
	width:100%;
	height: 100px;
	border:1px solid #ccc;
	border-top:0;
	.tolMsg{
		width: 80px;
		height: 50px;
		line-height: 50px;
		float: left;

	}
	.tolPrice{
		width: 80px;
		height: 50px;
		line-height: 50px;
		font-size: 16px;
		font-weight: bold;
		color: #ab2b2b;
		float: left;

	}
	.buy{
		width: 170px;
		height: 50px;
		background:#ab2b2b;
		font-size: 18px;
		color: white;
		float: left;
		text-align: center;
		line-height: 50px;
		cursor: pointer;
	}
}
.container{
	min-height:865px;
	max-height:2000px;
}
#footer{
	margin-top: 10px;
	width:100%;
	height:80px;
	background:#333;
}